<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
    <title>贷款大全</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="../css/dm-common.css" />
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <link rel="stylesheet" type="text/css" href="../css/home.css" />
    <link rel="stylesheet" type="text/css" href="../css/dm-loan.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <header class="aui-bar aui-bar-nav dmc-header">
        <a class="aui-pull-left  aui-btn" href="javascript:history.go(-1)">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">贷款大全</div>
    </header>

    <div class="dm-loan-fiter aui-border-b">
        <div id="edbtn" class="dm-loan-fiter-c  aui-border-r" isexpend=0 onclick="showCondicion(this)">额度&nbsp;<i class="aui-iconfont aui-icon-down"></i></div>
        <div id="qx" class="dm-loan-fiter-c aui-border-r" isexpend=0 onclick="showCondicion(this)">期限&nbsp;<i class="aui-iconfont aui-icon-down "></i></div>
        <div id="sqzg" class="dm-loan-fiter-c" isexpend=0 onclick="showCondicion(this)">申请资格&nbsp;<i class="aui-iconfont aui-icon-down"></i></div>
    </div>
    <div class="dm-loan-condition">
        <div class="condition edbtn">
            <div class=" aui-btn content aui-border-b dm-loan-c-select">
                500~1000元
            </div>
            <div class=" aui-btn content aui-border-b">
                500~1000元
            </div>
            <div class=" aui-btn content aui-border-b">
                500~1000元
            </div>
        </div>
        <div class="condition qx">
            <div class=" aui-btn content aui-border-b dm-loan-c-select">
                1~30天
            </div>
            <div class=" aui-btn content aui-border-b">
                1~30天
            </div>
            <div class=" aui-btn content aui-border-b">
                1~30天
            </div>
        </div>
        <div class="condition sqzg">
            <div class=" aui-btn content aui-border-b dm-loan-c-select">
                只需要身份证
            </div>
            <div class=" aui-btn content aui-border-b">
                只需要身份证
            </div>
            <div class=" aui-btn content aui-border-b">
                只需要身份证
            </div>
        </div>
    </div>

    <div style="background-color: white;">
        <div class="aui-content aui-home-list-item aui-border-t" onclick="location.href='loan-detail.html'">
            <div class="home-jie-1 home-jie-1-hot aui-border-r">
                <img src="../image/home/home_jie.png">
            </div>
            <div class="home-jie-2 home-jie-2-hot">
                <div class="home-jie-s1">
                    <div class="home-jie-s1-1">悠米闪借 <div class="jie-red">拒就赔1元</div>
                    </div>
                    <!-- <div class="home-jie-s1-2">已有10000人申请</div> -->
                </div>
                <div class="home-jie-s2">秒借钱!1分钟审核3分钟放款!</div>
            </div>
            <div class="home-jie-4">
                <i class="home-jie-4-p1 home-jie-4-ml">1500~6000</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">元</i>
                <i class="home-jie-4-p1 home-jie-4-ml2">7~14</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">天</i>
            </div>
        </div>
        <div class="aui-content aui-home-list-item aui-border-t">
            <div class="home-jie-1 home-jie-1-hot aui-border-r">
                <img src="../image/home/home_jie.png">
            </div>
            <div class="home-jie-2 home-jie-2-hot">
                <div class="home-jie-s1">
                    <div class="home-jie-s1-1">悠米闪借 </div>
                    <!-- <div class="home-jie-s1-2">已有10000人申请</div> -->
                </div>
                <div class="home-jie-s2">秒借钱!1分钟审核3分钟放款!</div>
            </div>
            <div class="home-jie-4">
                <i class="home-jie-4-p1 home-jie-4-ml">1500~6000</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">元</i>
                <i class="home-jie-4-p1 home-jie-4-ml2">7~14</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">天</i>
            </div>
        </div>
        <div class="aui-content aui-home-list-item aui-border-t">
            <div class="home-jie-1 home-jie-1-hot aui-border-r">
                <img src="../image/home/home_jie.png">
            </div>
            <div class="home-jie-2 home-jie-2-hot">
                <div class="home-jie-s1">
                    <div class="home-jie-s1-1">悠米闪借</div>
                    <!-- <div class="home-jie-s1-2">已有10000人申请</div> -->
                </div>
                <div class="home-jie-s2">秒借钱!1分钟审核3分钟放款!</div>
            </div>
            <div class="home-jie-4">
                <i class="home-jie-4-p1 home-jie-4-ml">1500~6000</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">元</i>
                <i class="home-jie-4-p1 home-jie-4-ml2">7~14</i>
                <i class="home-jie-4-p1 home-jie-4-p1-s">天</i>
            </div>
        </div>
    </div>
    <footer class="aui-bar aui-bar-tab dmc-footer" id="footer">
        <div class="aui-bar-tab-item " tapmode="" onclick="gotopage(this)" data-item-order="0">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label home-footer-f">首页</div>
        </div>
        <div class="aui-bar-tab-item aui-active" tapmode="" onclick="gotopage(this)" data-item-order="1">
            <i class="aui-iconfont icon-dkw_"></i>
            <div class="aui-bar-tab-label home-footer-f">贷款大全</div>
        </div>
        <div class="aui-bar-tab-item" tapmode="" onclick="gotopage(this)" data-item-order="2">
            <i class="aui-iconfont icon-uniE904"></i>
            <div class="aui-bar-tab-label home-footer-f">息费抵扣</div>
        </div>
        <div class="aui-bar-tab-item" tapmode="" onclick="gotopage(this)" data-item-order="3">
            <div class="aui-dot"></div>
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label home-footer-f">我的</div>
        </div>
    </footer>
    <script src="../script/commonstyle.js"></script>
</body>
<script>
    function showCondicion(el) {
        $(".dm-loan-condition").css("display", "block");
        $el = $(el);
        let x = $el.attr("isexpend");
        if (x == 0) {
            $(".dm-loan-fiter-c").attr("isexpend", 0);
            $(".condition").height(0);
            $(".dm-loan-fiter-c").removeClass("dm-loan-fiter-active");
            $(".dm-loan-fiter-c").attr("isexpend", 2);
            $(el).addClass("dm-loan-fiter-active");

            var $obj = $('.' + el.id);
            var currentHeight = $obj.css("height");
            $obj.css("height", "auto");
            var animateHeight = $obj.css("height");
            $obj.css("height", currentHeight);
            $obj.animate({
                "height": animateHeight
            }, 300, function () {
                $(".dm-loan-fiter-c").attr("isexpend", 0);
                $el.attr("isexpend", 1);
            });


        } else if (x == 1) {
            $(".dm-loan-fiter-c").attr("isexpend", 0);
            $(el).removeClass("dm-loan-fiter-active")
            var $obj = $('.' + el.id);
            $obj.animate({
                "height": "0px"
            }, 300, function () {
                $(".dm-loan-condition").css("display", "none");
                $(".dm-loan-fiter-c").attr("isexpend", 0);
            });
        }
    }
    $(function () {
        $(".content").click(function () {
            $(".dm-loan-condition").css("display", "none");
            $(".dm-loan-fiter-c").attr("isexpend", 0);
            $(".condition").height(0);
            $(".dm-loan-fiter-c").removeClass("dm-loan-fiter-active");
            $(".dm-loan-fiter-c").attr("isexpend", 0);
            $(this).parent().children(".dm-loan-c-select").removeClass("dm-loan-c-select");
            $(this).addClass("dm-loan-c-select");
        });
    });
</script>

</html>